<template>

  <div class="dashboard-editor-container" style="padding:0px; ">

    <el-row :gutter="12" style="padding:0 6px 0 0;margin-bottom:16px;  " >
      <!-- 图片部分-->

      <div class=" d1"  >
        <div class="tou">
        <div class="  s1" >
          <div class="  z1" style="padding: 0;margin: 0;border-style: none;">
            <el-image
              style="margin-left: 20px; margin-top: 5px;"
              :src="require('@/assets/images/36.png')">

            </el-image>
          </div>

          <div  class="  y1" >


            <el-button class="an3" ><router-link class="link-type" :to="'/shou'" style=" color: whitesmoke">成果展示</router-link></el-button>

            <el-button class="an3" ><router-link class="link-type" :to="'/mwnhugongshi'" style=" color: whitesmoke">转化公示</router-link></el-button>

            <el-button class="an3" ><router-link class="link-type" :to="'/liucheng'" style=" color: whitesmoke">转化流程</router-link></el-button>


          </div>

          <div class=" y2">
            <el-button class="an2" style="background-color: rgba(0, 0, 0, 0.1);" v-if="roleId==10" @click="handleRecord">登录</el-button>
            <el-button class="an6" style="background-color: rgba(0, 0, 0, 0.1);" v-if="roleId==10" @click="handleRego">注册</el-button>
            <el-button class="an4" style="background-color: rgba(0, 0, 0, 0.1);" @click="handleBackground" v-show="roleId==1||roleId==11||roleId==12||roleId==13||roleId==14">
              进入后台</el-button>
          </div>
        </div>
        </div>

        <div class="x1">
          <div class="clearfix">
            <div style="padding:90px 0 0 80px;">
              <span style="font-size: 30px; color: whitesmoke"><b>科技成果</b></span>
            </div>
            <div style="padding:20px 0 0 80px;">
              <span style="font-size: 22px; color: whitesmoke"><b>建设知识产权运营体系，构筑科技成果聚集高地</b></span>
            </div>
<div style="display: none;">
            <el-input style="padding:60px 0 0 80px; " type="primary" class="sousuo" v-model="input"
                      placeholder="请输入成果名称进行检索"></el-input>
            <el-button class="an1" @click="handQuery">搜索</el-button>
</div>

          </div>
          <div class="clearfix" style="padding:190px 0 0 80px;">

            <span style="font-size: 20px; color: whitesmoke"><b>首页·转化公示</b></span>

          </div>


        </div>
      </div>

    </el-row>


    <el-row>
      <el-col>

          <el-card class="box-card" style="height: 100vh">

          <el-table v-loading="gongshiloading" :data="contractList" style="width: 80%;margin: auto;"
                    :show-header="false">
            <el-table-column align="left" prop="publicizeTitle">
              <template slot-scope="scope">
                <div @click="getListcon(scope.row)" style="cursor: pointer;">
                  <div style="display: flex; justify-content: space-between; align-items: center;">
                    <div style="
                 width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #3884cc;
    margin-right: 8px;"></div>
                    <div style="
                height: 34px;
    line-height: 34px;
    width: 75vw;
    font-size: 16px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #000;">{{scope.row.publicizeTitle}}
                    </div>
                    <!--   <span>{{scope.row.publicizeTitle}}</span>-->
                  </div>
                </div>
              </template>
            </el-table-column>
            <el-table-column
              prop="publicizeTime"
              align="center"
              width="200px">
            </el-table-column>
          </el-table>
          <div style="padding:0 175px 0 175px;margin-bottom:16px;text-align: center;">
            <div class="block">
              <el-pagination
                v-show="contotal>0"
                :total="contotal"
                @current-change="handleCurrentChange"
                :page.sync="gongshiqueryParams.pageNum"
                :limit.sync="gongshiqueryParams.pageSize"
                @pagination="getgongshiList"
              >
              </el-pagination>
            </div>

          </div>

        </el-card>


      </el-col>

    </el-row>
    </div>



</template>

<script>
  // import datePanel from "@/components/DatePanel/DatePanel";
  import {getUserProfile} from "@/api/system/user";

  import userAvatar from "@/views/system/user/profile/userAvatar";
  import userInfo from "@/views/system/user/profile/userInfo";
  import resetPwd from "@/views/system/user/profile/resetPwd";
  import {listNotice, getNotice} from "@/api/system/notice";
  import {delMenu, getMenu, listMenu, listMenu1, getRouter, listNormal} from "@/api/library/application/application";
  import {getNumber} from "@/api/library/application/application";
  import {mapGetters, mapState} from "vuex";
  import watermark from "watermark-dom";
  import {updateUserProfile} from "@/api/system/user";
  import log from "@/views/monitor/job/log";
  import {listInner, getInner, delInner, addInner, updateInner} from "@/api/library/msg/inner";
  import {
    listAchievement,
    getAchievement,
    delAchievement,
    addAchievement,
    updateAchievement,
    aduitAchievement,
    signTransform,
    getTransform,
    getRoleId
  } from "@/api/module/cjl/achievement";
  //import Cookies from 'js-cookie'
  import {
    listContract,
    listContract1,
    getContract,
    delContract,
    addContract,
    updateContract
  } from "@/api/module/gs/contract";

  export default {
    name: "Profile",
    components: {userAvatar, userInfo, resetPwd},
    props: {
      user: {
        type: Object,
      }
    },
    data() {
      return {
        // 以下websocket
        wsIsRun: false,
        // 定义ws对象
        webSocket: null,
        // ws连接次数
        wsNumber: 0,
        // ws请求链接（类似于ws后台地址）
        ws: '',
        // ws定时器
        wsTimer: null,
        // 以上websocket

        // 总条数
        contotal: 0,
        gongshiloading: true,

        gongshitotal: 0,
        // 合同信息表格数据
        contractList: [],
        // 查询参数
        gongshiqueryParams: {
          pageNum: 1,
          pageSize: 10,
          userId: null,
          materialsAddress: null,
          applyName1: null,
          applyNumber1: null,
          applyTime1: null,
          auditState1: 2,
          auditTime1: null,
          auditName1: null,
          auditNumber1: null,
          applyName2: null,
          applyNumber2: null,
          applyTime2: null,
          auditState2: null,
          auditTime2: null,
          auditName2: null,
          auditNumber2: null,
          publicizeTime: null,
          publicizeContent: null,
          publicizeTitle: null,
          publicizeName: null,
          publicizeNumber: null,
          resultId: null,
          resultName: null,
          completionUnit: null,
          firstName: null,
          firstNumber: null,
          firstPhone: null,
          firstIdnumber: null,
          enterpriseNumber: null,
          enterpriseName: null,
          corporateName: null,
          corporatePhone: null,
          corporateNumber: null,
          note1: null,
          note2: null,
          note3: null,
          note4: null,
          note5: null,
          note6: null,
          note7: null,
          note8: null,
          note9: null,
          note10: '1',
          orderByColumn: "publicizeTime",
          isAsc: "desc"
        },


        roleId: '',
        // 遮罩层
        loading: true,
        activeIndex: '1',
        activeIndex2: '1',
        visible: false,
        input: '',
        // 总条数
        total: 0,
        // 当前页
        pageCurrent: 1,
        date: new Date(),
        roleGroup: {},
        froma: {},
        postGroup: {},
        activeTab: "userinfo",
        activeName: 'second',
        cover: "",
        //switch开关初始值
        value: "1",
        //通知公告标题
        titleNotice: "",
        //部门id
        deptId: "",
        //主页链表显示
        categoryList: "",
        activeName1: 'first',
        activeName2: "first",
        menuList: [],
        List: [],
        menuOptions: [],
        List1: [],
        title: "",
        product: "", // 分类列表
        normalList: [],
        contentList: [],
        // 成果信息表格数据
        achievementList: [],
        xiaoxi: {
          // 是否显示弹出层（用户查询）
          open: false,
          // 弹出层标题（用户查询）
          title: "",
        },
        currSelect: 1,
        open: false,
        innerList: [],
        rules: {},
        // 查询参数
        queryParams: {
          pageNum: 1,
          pageSize: 3,
          userId: null,
          resultName: null,
          resultType: null,
          resultIntroduction: null,
          innovationPoint: null,
          competitionExperience: null,
          picturePath1: null,
          picturePath2: null,
          resultCategory: null,
          resultGrade: null,
          resultSource: null,
          resultBackground: null,
          resultMeaning: null,
          projectTime: null,
          technology: null,
          completionUnit: null,
          applyName: null,
          applyNumber: null,
          applyTime: null,
          auditState: null,
          auditTime: null,
          auditName: null,
          auditNumber: null,
          isShow: null,
          firstName: null,
          firstGrade: null,
          firstMajor: null,
          firstNumber: null,
          firstCollege: null,
          firstPhone: null,
          firstIdnumber: null,
          secondName: null,
          secondGrade: null,
          secondMajor: null,
          secondNumber: null,
          secondCollege: null,
          secondPhone: null,
          secondIdnumber: null,
          thirdName: null,
          thirdGrade: null,
          thirdMajor: null,
          thirdNumber: null,
          thirdCollege: null,
          thirdPhone: null,
          thirdIdnumber: null,
          fourthName: null,
          fourthGrade: null,
          fourthMajor: null,
          fourthNumber: null,
          fourthCollege: null,
          fourthPhone: null,
          fourthIdnumber: null,
          fifthName: null,
          fifthGrade: null,
          fifthMajor: null,
          fifthNumber: null,
          fifthCollege: null,
          fifthPhone: null,
          fifthIdnumber: null,
          advisorName1: null,
          advisorTitl1: null,
          advisorMajor1: null,
          advisorNumber1: null,
          advisorName2: null,
          advisorTitl2: null,
          advisorMajor2: null,
          advisorNumber2: null,
          note1: null,
          note2: null,
          note3: null,
          note4: null,
          note5: null,
          note6: null,
          note7: null,
          note8: null,
          note9: null,
          note10: null
        },
        handleSelect(key, keyPath) {
          console.log(key, keyPath);
        },
        calendarParams: {
          orderByColumn: "endTime",
          isAsc: "desc"
        },
        messageParams: {
          pageNum: 1,
          pageSize: 6,
          orderByColumn: "createTime",
          isAsc: "desc"
        },

        // 公告表格数据
        noticeList: [],
        // 日程列表
        todayCalendar: [],

        imgwrap: []
      };

    },
    //去水印
    mounted() {
      // 加载水印
      const username = this.$store.state.user.name;
      watermark.load({watermark_txt: "  "});
    },
    //获取头像
    computed: {
      ...mapGetters([

        'avatar',

      ]),

      topNav: {
        get() {
          return this.$store.state.settings.topNav
        }
      },

    },
    created() {
      this.wsIsRun = true
      this.wsNumber = 1
      this.wsInit();

      getRoleId().then(res => {
        this.roleId = res;
      });
      this.getgongshiList();


    },
    watch: {

      activeName: function (val) { //监听切换状态-计划单

        if (val == 'first' || val == null) {
          this.List = undefined;
          this.loading = true;
          listNormal().then(response => {
            this.normalList = response.data;
            this.loading = false;
            // console.log(this.normalList+"233");
          });
        } else {
          getRouter(val).then(response => {
            this.List1 = response.data;
            window.a = this.List1.path;
            this.loading = false;
            // console.log(this.List1.path+"710")
          });
          getMenu(val).then(response => {
            this.List = response.data;
            this.loading = false;
            // console.log(this.List[0].path+"777")

          })
        }
        ;


      },

    },

    methods: {
      //开始
      /**
       * start
       * 初始化ws
       */
      wsInit() {
        // console.log("userName: " + this.$store.state.user.ipp)
        console.log("user: " + this.$store.state.constip.ipp)
        // const wsuri = 'ws://' + '210.47.178.218' + ':8080/library/wsService/' + this.$store.state.user.name
        this.getConfigKey("sys.account.ip").then(response => {
          this.sysipp = response.msg;
        });
        console.log("sysipp: " + this.sysipp)
        const wsuri = 'ws://' + this.sysipp + '/library/wsService/' +
          this.$store.state.constip.ipp + "_" + Math.floor(Math.random() * (99999 - 10000) + 10000);
        console.log("wsuri: " + wsuri)
        this.ws = wsuri
        if (!this.wsIsRun)
          return
        // 销毁ws
        this.wsDestroy()
        // 初始化ws
        this.webSocket = new WebSocket(this.ws)
        // ws连接建立时触发

        this.webSocket.addEventListener('open', this.wsOpenHanler)
        // ws服务端给客户端推送消息

        this.webSocket.addEventListener('message', this.wsMessageHanler)

        // ws通信发生错误时触发
        this.webSocket.addEventListener('error', this.wsErrorHanler)
        // ws关闭时触发

        this.webSocket.addEventListener('close', this.wsCloseHanler)

        clearInterval(this.wsTimer);
      },
      subSend(userId) {

        //获取msg的value
        // var msg = document.getElementById("msg").value;

        this.webSocket.send(userId);

        // ws服务端给客户端推送消息

        // document.getElementById("msg").value="";
      },


      wsOpenHanler(event) {
        console.log('ws建立连接成功')
      },
      wsMessageHanler(e) {

        //Cookies.set('unreadNums', '6')

        this.openMsg(e)
        //const redata = JSON.parse(e.data)
        //console.log(redata)

      },
      /**
       * ws通信发生错误
       */
      wsErrorHanler(event) {
        console.log(event, '通信发生错误')
        console.log("第" + this.wsNumber + "次断线重连(5次未连接将自动断开)")
        this.wsNumber++
        if (this.wsNumber < 6) this.wsInit();
        //this.wsInit()
      },
      /**
       * ws关闭
       */
      wsCloseHanler(event) {
        console.log(event, 'ws关闭')
        console.log("websocket连接超时，已自动断开")
        //this.wsInit()
      },
      /**
       * 销毁ws
       */
      wsDestroy() {
        console.log("hello world")
        if (this.webSocket !== null) {
          this.webSocket.removeEventListener('open', this.wsOpenHanler)
          this.webSocket.removeEventListener('message', this.wsMessageHanler)
          this.webSocket.removeEventListener('error', this.wsErrorHanler)
          this.webSocket.removeEventListener('close', this.wsCloseHanler)
          this.webSocket.close()
          this.webSocket = null
          clearInterval(this.wsTimer)
          console.log("zoul111")
        } else {
          console.log("zoul")
        }
      },
      /**
       * 弹窗
       */
      openMsg(e) {
        const h = this.$createElement;
        if (e.data) {
          console.log(e.data+"222")
          if(e.data==1) {
            this.$router.push({path: "/dashujuzhanshi/dashujushouye"})
          }
          else if(e.data==2){
            this.$router.push({path: "/shou"})
          }else if(e.data==3){
            this.$router.push({path: "/mwnhugongshi"})
          }else if(e.data==4){
            this.$router.push({path: "/liucheng"})
          }else if(e.data==5){
            this.$router.push({path: "/dashujuzhanshi/xueyuan"})
          }else if(e.data==6){
            this.$router.push({path: "/dashujuzhanshi/nianfen"})
          }else if(e.data==10){
            window.scrollBy(0, 100);
          }else if(e.data==11){
            window.scrollBy(0, -100);
          }else if(e.data==21){
            this.$router.push({path: "/ykqlogin3"})
          } else if(e.data==22){
            this.$router.push({path: "/ykqlogin4"})
          }else if(e.data==23){
            this.$router.push({path: "/ykqlogin5"})
          }else if(e.data==24){
            this.$router.push({path: "/shou"})
          }else if(e.data==210){
            this.$router.push({path: "/index"})
          }else if(e.data==211){
            this.$router.push({path: "/transformation"})
          }else if(e.data==212){
            this.$router.push({path: "/wodehetong"})
          }else if(e.data==213){
            this.$router.push({path: "/expense"})
          }else if(e.data==214){
            this.$router.push({path: "/qiye"})
          }else if(e.data==215){
            this.$router.push({path: "/geren"})
          }else if(e.data==216){
            this.$router.push({path: "/chengguogongshi"})
          }else if(e.data==217){
            this.$router.push({path: "/daochuxinxi"})
          }else if(e.data==218){
            this.$router.push({path: "/resultapply"})
          }else if(e.data==12){
            this.queryParams.signingStatus="0";
            console.log(this.queryParams.signingStatus)

          }else if(e.data==13){
            this.queryParams.signingStatus="1";
            console.log(this.queryParams.signingStatus)

          }else if(e.data>500&&e.data<2000){
            let id=e.data-500
            this.$router.push({path: "/detail",query: {id}})

          }else if(e.data>2000&&e.data<3000){
            let nianfen=e.data
            this.$router.push({path: "/dashujuzhanshi/xueyuan",query: {nianfen}})

          }else if(e.data>3000&&e.data<4000){
            let firstcollege=e.data
            let i_xueyuan=firstcollege-3000
            let xueyuan = '';
            if(i_xueyuan<10){
              xueyuan='00'+i_xueyuan;
            }else if(i_xueyuan>=10 && i_xueyuan<100){
              xueyuan='0'+i_xueyuan;
            }else{

            }
            console.log(xueyuan)
            this.$router.push({path: "/dashujuzhanshi/nianfen",query: {xueyuan}})
          }
          else{
            let userId=e.data
            this.$router.push({path: "/view",query: {userId}})

          }
          //结束

          /*var dv = document.getElementById("dv");
          dv.innerHTML += e.data + " ";*/
          /*this.$router.push({path: "/"});*/

          var data = JSON.parse(e.data)
          var route = this.$router;
          var msgType = data.msgType;
          /*if (msgType == "push") {
            // 如果是推送的是一条消息
            this.unreadMsgNums++;
            if (this.unreadMsgNums > 99) {
              this.unreadMsgNumsShow = "99+";
            } else {
              this.unreadMsgNumsShow = String(this.unreadMsgNums);
            }

            this.$notify.info({
              title: data.msgTitle,
              message: data.msgContent,
              onClick() {
                console.log(route)
                route.push({path: "/library/yyg/msg/list"});
              }
            });
          } else if (msgType == "unread") {
            // 如果推送的是未读消息数
            //Cookies.set('unreadNums', data.unreadNums);
            this.unreadMsgNums = Number(data.unreadNums);
            if (this.unreadMsgNums > 0) {
              this.unreadMsgNumsShow = String(this.unreadMsgNums);
              if (this.unreadMsgNums > 99) {
                this.unreadMsgNumsShow = "99+";
              }
              this.$notify.info({
                title: "消息提醒",
                //message: data.msgContent,
                message: "您当前有" + this.unreadMsgNumsShow + "条未读消息，点击此处查看",
                onClick() {
                  console.log(route)
                  route.push({path: "/library/yyg/msg/list"});
                }
              });
            }
          } else if (msgType == "read") {
            // 如果推送的是用户已读消息
            this.unreadMsgNums--;
            if (this.unreadMsgNums > 0 && this.unreadMsgNums <= 99) {
              this.unreadMsgNumsShow = String(this.unreadMsgNums);
            } else if (this.unreadMsgNums <= 0) {
              this.unreadMsgNumsShow = '';
            }
          }
  */
        }
      },
      //结束

      //登录
      handleRecord(){
        this.$router.push({ path: "/login1" })
      },
      //注册
      handleRego(){
        this.$router.push({ path: "/register1" })
      },
      //进入后台刷新
      handleBackground(){
        this.$router.push({ path: "/index" }).then(() => {
          location.reload();
        });

      },
      getListcon(row) {
        const id = row.id;
        // const tableName = row.tableName || this.tableNames[0];
        const params = {pageNum: this.queryParams.pageNum};

        this.$router.push({path: "/xiangqing", query: {id}});
      },
      getgongshiList() {
        this.gongshiloading = true;
        console.log("888")
        listContract1(this.gongshiqueryParams).then(response => {

          this.contractList = response.rows;
          console.log(this.contractList[0] + "8")
          this.contotal = response.total;
          this.gongshiloading = false;
        });
      },


      // 分页触发
      handleCurrentChange(val) {
        this.gongshiqueryParams.pageNum = val
        this.pageCurrent = val
        this.getgongshiList(val)
      },
      /** 查询成果信息 */
      getList() {
        this.loading = true;
        listAchievement(this.queryParams).then(response => {
          this.achievementList = response.rows;
          this.total = response.total;
          this.loading = false;
        });
      },
      /** 搜索成果名称 */
      handQuery() {
        this.queryParams.resultName = this.input
        this.getList()
      },
      /** 搜索成果类别 */
      handleResult(type) {
        this.queryParams.resultCategory = type;
        this.getList()
      },
      handleDetail(id) {
        getRoleId().then(res => {
          this.roleId = res;
          if (this.roleId == 10) {
            this.$modal.msgError("请先登录再进行操作");
          } else {
            this.$router.push({path: "/detail", query: {id}});
          }

        });

      },
      imgLoad(img) {
        try {

          return require(`/src/assets/button/` + img)

        } catch (error) {
          return require(`/src/assets/button/aaaa.png`)
        }
      },

      close() {
        this.$tab.closePage();
      },


      //应用展示更多
      toURL() {
        this.$router.push({path: "/system/application"});
      },
      //文化宣传详情
      tourlCulture() {
        this.$router.push({path: "/system/application"});
      },

      tableRowClassName({row, rowIndex}) {
        if (rowIndex === 1) {
          return 'warning-row';
        } else if (rowIndex === 3) {
          return 'success-row';
        }
        return '';
      },
      //获取日程
      /* getCalendar(){

         listCalendar(this.calendarParams).then(response => {
           this.loading = true;
           this.todayCalendar  = response.rows;

         })


       },*/

      // 取消按钮
      detailCancel() {
        this.xiaoxi.open = false;
        //   this.getList();
      },

      //文化宣传详情
      culDetail(val) {
        console.log(val)
        this.$router.push({
          path: '/dangzheng/culturexiangqing',
          query: {
            id: val,
          }
        })
      },


      //点击公告触发的事件
      handle(row, event, column) {
        // console.log(row)
        this.$router.push({
          path: '/notice/index',
          query: {
            noticeId: row.noticeId,
          }
        })
      },
      //公告显示小手
      cellStyle(data) {

        return "cursor:pointer;text-align:left;"
      },
      indexMethod(index) {
        return index + 1;
      },

      handleClick(tab, event) {
        console.log(tab, event);
      },
      getList1() {
        this.loading = true;
        listMenu().then(response => {
          this.contentList = response.data;
          this.loading = false;
        });
      },

      getNormal() {
        this.loading = true;
        listNormal().then(response => {
          this.normalList = response.data;
          this.loading = false;
        });
      },
      getNormalList(item) {
        const path = item.path;
        const menuId = item.menuId;
        getNumber(menuId).then(response => {
        });
        this.$router.push({path: "/" + path});
      },
      getLista(item) {
        const path = item.path;
        // console.log(path+"88");
        // const tableName = row.tableName || this.tableNames[0];
        // const params = {pageNum: this.queryParams.pageNum};
        const menuId = item.menuId;
        getNumber(menuId).then(response => {
        });
        this.$router.push({path: "/" + a + "/" + path});
      },


      getUser() {
        getUserProfile().then(response => {
          this.user = response.data;
          this.roleGroup = response.roleGroup;
          this.postGroup = response.postGroup;
          this.deptId = response.data.deptId;

        });
      },


      /** 详情操作 */
      getListb(row) {
        const id = row.id || this.ids
        getInner(id).then(response => {
          this.innerList = response.data;
          this.xiaoxi.open = true;
          this.xiaoxi.title = "消息详细";
        });


      }


    },

  };
</script>
<style lang="scss" scoped>


  .sx{
    border-style: none;
    width: 170px;
    height: 30px;

  }

  .an1{
    font-size: 22px;
    width: 100px;
    height: 60px;
    color: whitesmoke;
    border-style: none;
    background-color: #f04e0f;
  }
  .an6{
    font-size: 15px;
    width: 80px;
    height: 40px;
    color: whitesmoke;
    position: absolute;
    top: 20px; /* 设置相对于 .y2 容器的顶部位置 */
    right: 30px; /* 设置相对于 .y2 容器的左侧位置 */
  }
  .an2{
    font-size: 15px;
    width: 80px;
    height: 40px;
    color: whitesmoke;
    position: absolute;
    top: 20px; /* 设置相对于 .y2 容器的顶部位置 */
    right: 120px; /* 设置相对于 .y2 容器的左侧位置 */
  }
  .an3{
    font-size: 22px;
    font-weight: bold;
    width: 150px;
    height: 80px;
    border-style: none;
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0);
  }
  .an4{
    font-size: 15px;
    width: 80px;
    height: 40px;
    color: whitesmoke;
    position: relative;
    left: 40px; /* 假设要向右移动 20 像素 */
  }
  /*背景*/
  .bj{
    background-image: url("30.png");
    background-size: 100% 100%;
    height: 400px;

  }

  /*搜索框*/
  .sousuo{
    width: 800px;
    font-size: 22px;

  }
  ::v-deep .el-input__inner{
    height: 60px;
  }

  .s1{
    display: flex;
    height: 80px;
    width: 100%;
    background-color: rgba(0, 0,0, 0.2);
  }
  .d1{

    background-size: 100% 100%;

    height: 400px;
    scroll-padding: 0;
    background-image: url("34.png");
    border-style: none;
    margin: 0;
    padding: 0;



  }

  .z1{
    width: 40%;
    height: 80px;
    background-color: #0574d0;
  }
  .y1{

    height: 80px;
    width: 50%;
    background-color: #0574d0;
  }

  .y2{
    display: flex;
    padding-top: 22px;
    padding-left: 65px;
    width: 15%;
    height: 80px;
    //background-color: rgba(0, 0, 0, 0);
    background-color: #0574d0;
  }

  .big_box{display: flex;height: 280px;}
  /*展示左图片*/
  .z{
    width: 25%;
    height: 250px;

  }
  /*展示中空白*/
  .c{
    width: 3%;
    height: 250px;
  }
  /*展示右信息*/
  .y{
    width: 70%;
    height: 250px;

  }
  /*按钮*/
  .an{
    height: 30px;
  }
  /*顶端固定*/
  .tou {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background-color: #fff;
    z-index: 999;
  }




  .dashboard-editor-container {
    overflow-x: hidden; /*隐藏横向滚动条*/
    padding: 32px;
    background-color: rgb(240, 242, 245);
    position: relative;

    .chart-wrapper {
      background: #fff;
      padding: 16px 16px 0;
      margin-bottom: 32px;
      padding-left: 30px;
    }

    .el-tabs .el-tabs__content {
      max-height: 100px;
      overflow: auto;
    }

  }

  @media (max-width:1024px) {
    .chart-wrapper {
      padding: 8px;
    }
  }

  /* 固定 应用board 宽度; */
  .el-tabs--card {
    height: calc(32vh);
    /* overflow-y: auto; */
  }

  .el-tab-pane {
    height: calc(32vh);
    overflow-y: auto;
    overflow-x: hidden;
  }
  .tag-style{
    height: 19px;
    color: #116fcf;
    font-family: 黑体;
    font-size: 13px;
    float: right;
    margin-right: 20px;
    line-height:15px;

  }
  .tag-menu-style{
    height: 19px;
    color: #116fcf;
    font-family: 黑体;
    font-size: 13px;
    float: right;
    margin-right: 0px;
    line-height:15px;
    margin-top: 5px;

  }

  .bannerimg{
    width: 100%;
    height: inherit;
  }
  /* 文字样式*/
  .carousel-p {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 25px;
    line-height: 35px;
    text-align: center;
    padding-left: -28px;
    color: white;
    bottom: 66px;
    position: relative;
  }
  .el-icon-d-arrow-right{
    float: right;
    margin-right: 20px;
    padding-top: 5px;
    font-size:10px !important;
  }

  .is-selected {
    color: #1989FA;
  }


  /*日历自定义样式*/
  ::v-deep .el-calendar__header {
    // 修改头部背景颜色
    background-color: #FFFFFF;
    padding: 3px 5px;
    border: none;
    display: flex;
    justify-content: center;
    margin-top: 35px;

    .el-calendar__button-group {
      // 隐藏原生按钮
      display: none;
    }


    .el-calendar__title {
      // 修改头部标题的字体颜色
      color: #495060 !important;
      font-size: 20px;
      font-weight: bolder;
    }
  }

  ::v-deep .el-calendar__body {
    // 修改主题部分
    padding: 0;
  }

  ::v-deep .el-calendar-table {
    thead {
      th {
        // 修改头部星期部分
        padding: 5px;
        background-color: #2f81d5;
        color: white;
      }
    }

    .is-selected {
      .el-calendar-day {
        p {
          // 选中日期颜色
          color: black;
        }
      }
    }

    .el-calendar-day {
      // 每天小块样式设置
      padding: 0;
      height: 20px;
      display: flex;
      justify-content: center;
      align-items: center;

      p {
        // 所有日期颜色
        color: black;
        z-index: 1;
        user-select: none;
        display: flex;
      }
    }
  }

  ::v-deep .el-calendar-table__row {
    .prev, .next {
      // 修改非本月
      .el-calendar-day {
        p {
          color: #f0d9d5;
        }
      }
    }

    td {
      // 修改每一个日期td标签
      &:first-child, &:last-child {
        background-color: #f5f5f5;
      }
    }
  }

  button {
    padding: 3px 10px;
  }

  //隐藏el-tab-pane滚动条
  ::v-deep .el-tab-pane {
    height: calc(100vh - 110px);
    overflow-y: hidden;
  }


  ::v-deep .el-scrollbar__wrap {
    overflow-x: hidden!important;


  }

  ::v-deep .-webkit-scrollbar {
    /*隐藏滚轮*/
    display: none;
  }
  ::v-deep.el-table .warning-row {
    background: oldlace;
  }

  ::v-deep.el-table .success-row {
    background: #f0d9d5;
  }
  .pos1{

    position:absolute;             // 绝对定位,同时规定left和top
    left: 0;
    top:0;
  }
  .hide-border {
    padding-bottom: 0;
  }

  //swiitch开关的样式
  ::v-deep .el-switch__core{
    width:30px!important;
    height:15px;

  }
  //111
  ::v-deep .el-tabs__nav-wrap.is-scrollable {
    margin-right: 40px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  ::v-deep .el-switch__core::after{
    width:14px;
    height:14px;
    margin-top:-1px;
    margin-bottom: -4px;
  }
  ::v-deep.el-switch.is-checked .el-switch__core::after {
    left: 100%;
    margin-left: -14px;
  }

  //更改table表中文字的颜色
  ::v-deep.el-table{
    color: #000000;
  }

  //日程文字颜色
  ::v-deep.el-alert--success.is-light {
    background-color: #e7faf0;
    color: #000000;
  }
  ::v-deep.el-alert--success.is-light .el-alert__description {
    color: #507761;
  }


  /*数字加圈*/
  .number_top_circle {
    display: table-cell;
    border-radius: 18px;
    background-color: #4b9dfc;
    width: 25px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
  }
  .number_top_circle_odd {
    display: table-cell;
    border-radius: 18px;
    background-color: #4b9dfc;
    width: 25px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
  }

  //个人中心头像样式
  .user-avatar{
    border-radius: 50%;
    height:165px;
    border: 1px solid #409eff;

  }
  //去掉table表下面的边框线
  .el-table__row>td {
    border: none;
  }

  .el-table::before {
    height: 0px;
  }

  //纵向分割线
  ::v-deep.el-divider--vertical{

    height: 10em;
  }

  .selectBtn{
    background-color: #1482f0;
    color: #ffffff;
  }

</style>
<!-- 日历table表的样式-->
<style>




  .el-image__error {
    font-size: 10px;

  }






  .size-icon{
    font-size: 25px;
  }

  .createInfo th, .createInfo tr {
    background-color: #409eff !important;
    color: #FFFFFF;
    text-align: center;

  }

  .createInfo tbody tr:hover>td {
    background-color: #409eff !important;
  }

  /*日期组件绝对定位*/
  .main{
    position: relative;

  }
  .target{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,0%);
  }


  /*menu中更多按钮*/
  .loginOut{
    /* position: absolute;right:23%;top:25px;*/
    position: absolute;right:26%;top:33px;
    color: #e6a23c;
    /*  font-weight: 600;
      font-size: 14px;*/
  }
  .grid-content{

    padding-left: 0%;
    padding-right: 0%;

  }


  /* 顶部列表 */
  .top-list-image{
    margin-right: 12px;
    font-size: 24px;
    width: 40px;
    padding-top: 0px;
    height: 40px;
    vertical-align: middle;
    text-align: center;
    border-radius:16px;
    color: #fff;
  }

  .top-list-col{
    height: 100px;
    padding: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 4px;
  }

  .top-list-span{
    max-width: 4em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /*超出部分用...代替*/
  }

</style>

